@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --bg-primary: #ffffff;
  --text-primary: #333333;
  --border-color: #e5e7eb;
  --header-bg: #ffffff;
  --sidebar-bg: #f9fafb;
  --card-bg: #ffffff;
  --hover-bg: #f3f4f6;
  --shadow-color: rgba(0, 0, 0, 0.1);
}

.theme-eyecare {
  --bg-primary: #c7edcc;
  --text-primary: #2c4c35;
  --border-color: #a8d5b0;
  --header-bg: #daf0dd;
  --sidebar-bg: #e8f6ea;
  --card-bg: #daf0dd;
  --hover-bg: #b8e6c0;
  --shadow-color: rgba(0, 0, 0, 0.1);
}

.theme-dark {
  --bg-primary: #1e1e1e;
  --text-primary: #e0e0e0;
  --border-color: #4a4a4a;
  --header-bg: #252526;
  --sidebar-bg: #252526;
  --card-bg: #2d2d2d;
  --hover-bg: #3e3e3e;
  --shadow-color: rgba(0, 0, 0, 0.4);
}

body {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background-color: var(--bg-primary);
  color: var(--text-primary);
  transition: background-color 0.3s, color 0.3s;
}

/* 全局主题样式 */
.theme-dark header,
.theme-dark .container {
  background-color: var(--header-bg);
  border-color: var(--border-color);
}

.theme-dark .splitPane {
  background-color: var(--bg-primary);
}

.theme-dark .pane1,
.theme-dark .pane2 {
  background-color: var(--sidebar-bg);
}

.theme-dark .resize-handle {
  background-color: var(--border-color);
}

.theme-dark .collapse-btn {
  background-color: var(--sidebar-bg);
  color: var(--text-primary);
}

.theme-dark .collapse-btn:hover {
  background-color: var(--hover-bg);
}

/* 覆盖 Ant Design 组件样式 */
.theme-dark .ant-select-dropdown {
  background-color: var(--card-bg);
  color: var(--text-primary);
}

.theme-dark .ant-select-item {
  color: var(--text-primary);
}

.theme-dark .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--hover-bg);
}

.theme-dark .ant-form-item-label > label {
  color: var(--text-primary);
}

.theme-dark .ant-input {
  background-color: var(--card-bg);
  color: var(--text-primary);
  border-color: var(--border-color);
}

.theme-dark .ant-btn:not(.ant-btn-primary) {
  background-color: var(--card-bg);
  color: var(--text-primary);
  border-color: var(--border-color);
}

.theme-dark .ant-btn:not(.ant-btn-primary):hover {
  background-color: var(--hover-bg);
}
